@import 'part:@sanity/base/theme/variables-style';

.root {
  composes: container from "part:@sanity/dashboard/widget-styles";
}

.header {
  composes: header from "part:@sanity/dashboard/widget-styles";
}

.title {
  composes: title from "part:@sanity/dashboard/widget-styles";
}

.content {
  display: grid;
  padding: var(--small-padding);
  grid-gap: var(--small-padding);
  grid-template-columns: 1fr 1fr;
  overflow-x: auto;
  border-top: 1px solid var(--hairline-color);

  @media (--screen-medium) {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.link {
  composes: item from 'part:@sanity/base/theme/layout/selectable-style';
  display: block;
  border-radius: 2px;
  padding: var(--small-padding);
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
}

.iconWrapper {
  font-size: 2em;
}
